<%--
  Created by IntelliJ IDEA.
  User: 子玉
  Date: 2020/7/28
  Time: 8:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Logistic Transport Category Flat Bootstrap Responsive Web Template | Gallery :: w3layouts</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Logistic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />

    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>

    <!-- css files -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
    <link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
    <link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
    <!-- //css files -->

    <!-- google fonts -->
    <link href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=devanagari,latin-ext" rel="stylesheet">

    <!-- //google fonts -->

</head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script>
    $(document).ready(function(){
        $.ajax({
            async:true,
            type:"post",
            url:"/courierLoginController/deliveryView",
            success:function(result){
                var content = "";


                    content += "<tr>\n" +
                        "                <td>"+result.courierId+"</td>\n" +
                        "                <td>"+result.courierName+"</td>\n" +
                        "                <td>"+result.houseManager.houseManagerName+"</td>\n" +
                        "                <td>"+result.houseManager.house.houseLimit+"公斤</td>\n" +
                        "                <td>"+result.houseManager.house.houseName+"</td>\n" +
                        "                <td>"+result.houseManager.house.address.addressName+"</td>\n" +
                        "                <td>"+result.houseManager.house.address.district+"</td>\n" +
                        "                <td>"+result.houseManager.house.address.adCode+"</td>\n" +
                        "            </tr>"


                $("#content").html(content);

            },
            error:function(){
                alert("异步请求失败!");
            }
        });
    });
</script>
<body>
<!-- //header -->
<%--<header>--%>
<%--    <div class="container">--%>
<%--        <!-- top header -->--%>
<%--        <div class="row top_header pt-3">--%>
<%--            <div class="col-lg-3 offset-lg-7 col-md-5 offset-md-3 col-sm-6 col-7 offset-sm-2 top-grid">--%>
<%--                <span class="fa ml-3 fa-envelope-open-o"></span>--%>
<%--                <p class=""> <a href="mailto:info@example.com">info@example.com</a> <span class="block">Contact Support</span> </p>--%>
<%--            </div>--%>
<%--            <div class="col-lg-2 col-md-4 col-sm-4 col-5 top-grid pl-0">--%>
<%--                <span class="fa ml-3 fa-phone"></span>--%>
<%--                <p class=""> +11 2345 6789 <span class="block">24/7 Helpline</span> </p>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--        <!-- top header -->--%>
<%--        <!-- nav -->--%>
<%--        <nav class="pt-2">--%>
<%--            <div id="logo">--%>
<%--                <h1> <a href="index.html"><span class="fa fa-ship"></span> Logistic</a></h1>--%>
<%--            </div>--%>
<%--            <label for="drop" class="toggle">Menu</label>--%>
<%--            <input type="checkbox" id="drop" />--%>
<%--            <ul class="menu mt-md-2 ml-auto">--%>
<%--                <li class="mr-lg-4 mr-2"><a href="index.html">Home</a></li>--%>
<%--                <li class="mr-lg-4 mr-2"><a href="about.html">About Us</a></li>--%>
<%--                <li class="mr-lg-4 mr-2"><a href="services.html">Services</a></li>--%>
<%--                <li class="mr-lg-3 mr-2 p-0 active">--%>
<%--                    <!-- First Tier Drop Down -->--%>
<%--                    <label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>--%>
<%--                    <a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>--%>
<%--                    <input type="checkbox" id="drop-2"/>--%>
<%--                    <ul class="inner-dropdown">--%>
<%--                        <li><a href="gallery.html">Our Gallery</a></li>--%>
<%--                        <li><a href="error.html">404 Error Page</a></li>--%>
<%--                        <li><a href="#">Add Link</a></li>--%>
<%--                    </ul>--%>
<%--                </li>--%>
<%--                <li class="mr-lg-4 mr-2"><a href="contact.html">Contact</a></li>--%>
<%--                <li class=""><a href="#subscribe">Subscribe</a></li>--%>
<%--            </ul>--%>
<%--        </nav>--%>
<%--        <!-- //nav -->--%>
<%--    </div>--%>
<%--</header>--%>
<!-- //header -->

<!-- inner banner -->
<!-- inner banner -->
<!-- gallery -->
<div class="gallery py-5" id="gallery">
    <div class="container py-md-3">
        <h2 class="heading text-center mb-md-5 mb-4">派件查询</h2>
        <table class="table table-striped table-dark">
            <thead>
            <tr>
                <th scope="col">快递小哥编号</th>
                <th scope="col">姓名</th>
                <th scope="col">仓库工作人员姓名</th>
                <th scope="col">仓库容量</th>
                <th scope="col">仓库名称</th>
                <th scope="col">地址名称</th>
                <th scope="col">行政区</th>
                <th scope="col">城市码</th>
            </tr>
            </thead>
            <tbody id="content">
            <tr>
                <th scope="row">1</th>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            </tbody>
        </table>


    </div>
</div>
<!-- gallery popups -->
<!-- popup-->
<div id="gal1" class="popup-effect">
    <div class="popup">
        <img src="images/blog1.jpg" alt="Popup Image" class="img-fluid" />
        <a class="close" href="#gallery">&times;</a>
    </div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal2" class="popup-effect">
    <div class="popup">
        <img src="images/blog2.jpg" alt="Popup Image" class="img-fluid" />
        <a class="close" href="#gallery">&times;</a>
    </div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal3" class="popup-effect">
    <div class="popup">
        <img src="images/blog3.jpg" alt="Popup Image" class="img-fluid" />
        <a class="close" href="#gallery">&times;</a>
    </div>
</div>
<!-- //popup -->
<!-- //gallery popups -->
<!-- //gallery -->


<!-- footer-top -->
<section class="footer-top py-5">
    <div class="container">
        <div class="row footer-top-grid">
            <div class="col-sm-6">
                <h3>Contact Us</h3>
                <p>Call us, we are 24/7 Helpline</p>
            </div>
            <div class="col-sm-6 text-sm-right mt-sm-0 mt-3">
                <h3><span class="fa fa-phone" aria-hidden="true"></span> +11 2345 6789</h3>
            </div>
        </div>
    </div>
</section>
<!-- //footer-top -->

<!--footer -->
<div class="footer footer_w3layouts_section_1its py-5" id="subscribe">
    <div class="container pt-sm-4">
        <div class="row footer-grid">
            <div class="col-md-5 footer-grid_section_1its_w3">
                <div class="footer-title">
                    <h3>Who we are</h3>
                </div>
                <div class="footer-text">
                    <p>Curabitur non nulla sit amet nislinit tempus ipsum convallis quis ac lectus. lac inia eget consectetur sed, convallis at tellus.	Nulla porttitor accumsana tincidunt. Vestibulum ante ipsum primis tempus.</p>
                    <ul class="social_section_1info">
                        <li><a href="#" class="w3_facebook"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" class="w3_twitter"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#" class="w3_instagram"><i class="fa fa-instagram"></i></a></li>
                        <li><a href="#" class="w3_google"><i class="fa fa-google-plus"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 col-sm-5 footer-grid_section_1its_w3 mt-md-0 mt-4">
                <div class="footer-title">
                    <h3>Useful Links</h3>
                </div>
                <ul class="links">
                    <li><a href="about.html">About Our Company</a></li>
                    <li><a href="services.html">Logistics Services</a></li>
                    <li><a href="#">Terms & Conditions</a></li>
                    <li><a href="#">Privicy Policy</a></li>
                </ul>
            </div>
            <div class="col-md-4 col-sm-7 footer-grid_section_1its_w3 mt-md-0 mt-4">
                <div class="footer-title">
                    <h3>Subscribe</h3>
                </div>
                <div class="footer-text">
                    <p>By subscribing to our mailing list you will get latest news and updates from us.</p>
                    <form action="#" method="post">
                        <input type="email" name="Email" placeholder="Enter your email..." required="">
                        <button class="btn1"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
                        <div class="clearfix"> </div>
                    </form>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <!-- move top -->
        <div class="move-to-top text-center">
            <a href="#home" class="move-top"><span class="fa fa-angle-double-up" aria-hidden="true"></span></a>
        </div>
        <!-- //move top -->
        <div class="copyright">
            <p>© 2019 Logistic. All Rights Reserved | Design by <a href="http://w3layouts.com/">W3layouts</a> </p>
        </div>
    </div>
</div>
<!-- //footer -->

</body>
</html>
